<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="UTF-8">
    <title>天天生鲜-用户中心</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/reset.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <script type="text/javascript" th:src="@{/js/jquery-1.12.4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery-ui.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/slide.js}"></script>
</head>
<body>

<div th:replace="top::top"></div>

<div class="main_con clearfix">
    <div class="left_menu_con clearfix">
        <h3>用户中心</h3>
        <ul>
            <li><a th:href="getUser_center_infoPage">· 个人信息</a></li>
            <li><a href="getOrderListPage" class="active">· 全部订单</a></li>
            <li><a href="getUser_center_sitePage">· 收货地址</a></li>
        </ul>
    </div>
    <div class="right_content clearfix">
        <h3 class="common_title2">全部订单</h3>
        <th:block th:each="orderVO:${list}">
            <ul class="order_list_th w978 clearfix">
                <li class="col01" th:text="${#dates.format(orderVO.gmtCreate,'yyyy-MM-dd HH:mm:ss')}"></li>
                <li class="col02" th:text="|订单号:${orderVO.orderNo}|"></li>
                <li class="col02 stress" th:text="${orderVO.status}">未支付</li>
            </ul>

            <table class="order_list_table w980">
                <tbody>
                <tr>
                    <td width="55%">
                        <th:block th:each="orderItem:${orderVO.list}">
                            <ul class="order_goods_list clearfix">
                                <li class="col01"><img th:src="${orderItem.mainImageFullUrl}"></li>
                                <li class="col02"><span th:text="${orderItem.productName}"></span><em th:text="|${orderItem.currentUnitPrice}元|"></em></li>
                                <li class="col03" th:text="${orderItem.quantity}"></li>
                                <li class="col04" th:text="|${orderItem.totalPrice}元|"></li>
                            </ul>
                        </th:block>

                    </td>
                    <td width="15%" th:text="|${orderVO.payment}元|"></td>
                    <td width="15%">待付款</td>
                    <td width="15%"><a href="#" class="oper_btn">去付款</a></td>
                </tr>
                </tbody>
            </table>
        </th:block>




        <div class="pagenation">
            <a href="#">上一页</a>
            <a href="#" class="active">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">下一页</a>
        </div>
    </div>
</div>



<div class="footer">
    <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
    </div>
    <p>CopyRight © 2023 Qing天天生鲜信息技术有限公司 All Rights Reserved</p>
    <p>电话：17658159724    鲁ICP备23030588888号</p>
</div>

</body>
</html>